<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta http-equiv="Expires" CONTENT="0">
    <meta http-equiv="Cache-Control" CONTENT="no-cache">
    <meta http-equiv="Pragma" CONTENT="no-cache">
    <meta name="renderer" content="webkit" />
    <title>${site.siteName!} - ${site.title!}</title>
    <meta name="keywords" content="${site.keywords!}" />
    <meta name="description" content="${site.description!}"  />
    <link href="/default/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/icon.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/common.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/index.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/link.css" rel="stylesheet" type="text/css" />
    <link href="/vendors/swiper/css/idangerous.swiper.css" rel="stylesheet" type="text/css" />
    <script src="/default/js/jquery.min.js"></script>
    <script src="/vendors/layer/layer.js" type="text/javascript"></script>
    <script src="/vendors/bootstrap/js/bootstrap.min.js"></script>
    <script src="/vendors/swiper/js/idangerous.swiper.min.js"></script>
    <script src="/default/js/rollSlide.js"></script>
    <script src="/default/js/modules/common.js" ></script>
</head>
<noscript unselectable="on" id="noscript">
    <div class="aw-404 aw-404-wrap container">
        <img src="/default/common/no-js.jpg">
        <p>你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!</p>
    </div>
</noscript><body>
[#include "pc/default/common/header.html"/]
<div class="aw-container-wrap">
    <div class="container">
        <div class="row">
            <!-- Swiper -->
            <div class="col-lg-9">
                <div class="device">
                    <a class="arrow-left" href="#"></a>
                    <a class="arrow-right" href="#"></a>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><a href="#" target="_blank"><img src="/default/images/banner/banner.png"></a></div>
                            <div class="swiper-slide"><a href="#" target="_blank"><img src="/default/images/banner/banner1.png"></a></div>
                            <div class="swiper-slide"><a href="#" target="_blank"><img src="http://static.seowhy.com/www/www.img/banner2.png"></a></div>
                            <div class="swiper-slide"><a href="#" target="_blank"><img src="http://static.seowhy.com/www/www.img/banner3.png"></a></div>
                            <div class="swiper-slide"><a href="#" target="_blank"><img src="http://static.seowhy.com/www/www.img/banner4.png"></a></div>
                            <div class="swiper-slide"><a href="#" target="_blank"><img src="http://static.seowhy.com/www/www.img/banner.png"></a></div>
                        </div>
                        <div class="pagination"></div>
                    </div>
                </div>
                <ul class="group-list">
                    [@fly_group method="paginate" pageSize="6"]
                    [#list paginate.list as list]
                    <li><a href="/g-${list.shortUrl!}/">
                        <img src="[#if list.photo?? && list.photo?length gt 0]${list.photo!}[#else]/images/group_logo.jpg[/#if]" width="55" height="55">
                        <p class="p1 medium">${list.groupName!}</p></a>
                    </li>
                    [/#list]
                    [/@fly_group]
                    <li><a href="/group/">
                        <img src="/default/images/banner-more.png" width="35" height="35" style="margin-top: 10px;">
                        <p class="p1 medium">全部</p>
                    </a></li>
                </ul>
            </div>
            <div class="col-lg-3">
                <div class="notice">
                    <h3>头条推荐</h3>
                    <ul>
                        [@fly_topic method="recommend" tj="1" pageSize="10"]
                        [#list recommend.list as list]
                        <li><span class="num">${list_index +1}</span><a href="/topic/${list.id!}/" target="_blank">${list.title!}</a></li>
                        [/#list]
                        [/@fly_topic]
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="aw-container-wrap background-color">
    <div class="container">
        <div class="row">
            <div class="expert-head">
                <div class="menu-title fl clearfix">行业专家<a style="color:#0085ee;font-size:13px;margin-left:5px;" href="#">更多&gt;&gt;</a></div>
            </div>
            <div class="expert-list" id="e">
                <ul class="roll__list clearfix" style=" width:9999px;position: absolute; left: 0; top: 0;">
                    <li>
                        <div class="character clearfix">
                            <a href="javascript:;"><img class="character-img fl" src="https://wenda.whatsns.com/data/avatar/000/00/00/small_000000001.jpg?rand=751565" alt="mishen"></a>
                            <div class="character-main fl">
                                <a href="#" class="color-333">mishen</a>
                                <p class="medium color-999" title="whatsns产品经理">whatsns产品经...</p>
                            </div>
                        </div>
                        <div class="desc medium color-666">大家好，我是whatsns社区站长，同时也是whatsns产品经理，10年码农出身，最早whatsn...</div>

                        <div class="bottom clearfix">
                            <a href="#" class="ask-btn tc fl active-color bg-fff medium second-theme active">免费咨询</a>
                            <p class="fr help color-999 small">已帮助<span class="help-counts ilblk">1273</span>位网友</p>
                        </div>
                    </li>

                    <li>
                        <div class="character clearfix">
                            <a href="javascript:;"><img class="character-img fl" src="https://wenda.whatsns.com/data/avatar/000/00/03/small_000000320.jpg?rand=976702" alt="bbbbbb"></a>
                            <div class="character-main fl">
                                <a href="#" class="color-333">bbbbbb</a>
                                <p class="medium color-999" title="码农一枚，热爱写代码">码农一枚，热爱写代码...</p>
                            </div>
                        </div>
                        <div class="desc medium color-666">whatsns专用演示和测试账号</div>

                        <div class="bottom clearfix">
                            <a href="#" class="ask-btn tc fl active-color bg-fff medium second-theme active">¥ 10 提问</a>
                            <p class="fr help color-999 small">已帮助<span class="help-counts ilblk">293</span>位网友</p>
                        </div>
                    </li>

                    <li>
                        <div class="character clearfix">
                            <a href="javascript:;"><img class="character-img fl" src="https://wenda.whatsns.com//static/css/default/avatar.gif?rand=978742" alt="maaijin"></a>
                            <div class="character-main fl">
                                <a href="#" class="color-333">maaijin</a>
                                <p class="medium color-999" title="擅长whatsns模板开发">擅长whatsns模...</p>
                            </div>
                        </div>
                        <div class="desc medium color-666">网友</div>

                        <div class="bottom clearfix">
                            <a href="#" class="ask-btn tc fl active-color bg-fff medium second-theme active">免费咨询</a>
                            <p class="fr help color-999 small">已帮助<span class="help-counts ilblk">46</span>位网友</p>
                        </div>
                    </li>
                    <li>
                        <div class="character clearfix">
                            <a href="javascript:;"><img class="character-img fl" src="https://wenda.whatsns.com//static/css/default/avatar.gif?rand=978742" alt="maaijin"></a>
                            <div class="character-main fl">
                                <a href="#" class="color-333">maaijin</a>
                                <p class="medium color-999" title="擅长whatsns模板开发">擅长whatsns模...</p>
                            </div>
                        </div>
                        <div class="desc medium color-666">网友</div>

                        <div class="bottom clearfix">
                            <a href="#" class="ask-btn tc fl active-color bg-fff medium second-theme active">免费咨询</a>
                            <p class="fr help color-999 small">已帮助<span class="help-counts ilblk">46</span>位网友</p>
                        </div>
                    </li>
                    <li>
                        <div class="character clearfix">
                            <a href="javascript:;"><img class="character-img fl" src="https://wenda.whatsns.com/data/avatar/000/16/10/small_000161093.jpg?rand=677567" alt="whatsns技术"></a>
                            <div class="character-main fl">
                                <a href="#" class="color-333">whatsns技术</a>
                                <p class="medium color-999" title="whatsns技术经理">whatsns技术经...</p>
                            </div>
                        </div>
                        <div class="desc medium color-666">10年IT开发经验，2012年毕业于湖南理工，由于执着于编程，大学期间2年自学完学校专业课程，而后全...</div>
                        <div class="bottom clearfix">
                            <a href="#" class="ask-btn tc fl active-color bg-fff medium second-theme">免费咨询</a>
                            <p class="fr help color-999 small">已帮助<span class="help-counts ilblk">29</span>位网友</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="aw-container-wrap">
    <div class="container">
        <div class="row">
                <div class="col-sm-12 col-md-9">
                    <!-- tab切换 -->
                    <ul class="nav nav-tabs aw-nav-tabs background-color active hidden-xs">
                        <li><a href="/recommend/">推荐</a></li>
                        <li><a href="/topic-hot/" id="sort_control_hot">热门</a></li>
                        <li class="active"><a href="/group/">最新</a></li>
                        <h2 class="hidden-xs"><i class="icon icon-list"></i> 发现</h2>
                    </ul>
                    <!-- end tab切换 -->

                    <div class="aw-mod aw-explore-list background-color">
                        <div class="mod-body">
                            <div class="aw-common-list">
                                [@fly_topic method="randList" pageSize="10"]
                                [#list randList as list]
                                [@fly_topic method="topicInfo" id="${list.id}"]
                                [@fly_user method="user" id = topicInfo.userId]
                                <div class="aw-item article">
                                    <a class="aw-user-name hidden-xs" href="/u/${user.shortUrl!}" rel="nofollow"><img src="[#if user.avatar??]${user.avatar!}[#else]/images/avatar_boy.jpg[/#if]" alt="${user.nickname!}"></a>
                                    <div class="aw-question-content">
                                    <h4>
                                        <a href="/topic/${list.id!}/">${topicInfo.title!}</a>
                                    </h4>

                                    <p>
                                        [@fly_group method="groupInfo" id=topicInfo.groupId]
                                        [#if list.columnId!=0]
                                        [@fly_topic method="columninfo" id=topicInfo.columnId]
                                        <a href="/g-${groupInfo.shortUrl}-t-${columninfo.shortUrl}" class="aw-question-tags">${columninfo.columnName}</a>
                                        [/@fly_topic]
                                        [#else]
                                        <a href="/g-${groupInfo.shortUrl}-t-0" class="aw-question-tags">默认分类</a>
                                        [/#if]
                                        [/@fly_group]
                                        •<a href="/u/${user.shortUrl}" class="aw-user-name">${user.nickname!}</a> <span class="text-color-999">发表了文章 • ${topicInfo.countComment!} 个评论 • ${topicInfo.countView!} 次浏览 • [@time_format time=topicInfo.createTime?string("yyyy-MM-dd HH:mm:ss")!/]</span>
                                        <span class="text-color-999 related-topic collapse"> • 来自相关话题</span>
                                    </p>

                                    <!-- 文章内容调用 -->
                                    <!--<div class="markitup-box" style="cursor: pointer;">
                                        [@text_cut s=list.content! len=130 append='...'/]<a class="more" href="/topic/${list.id!}/">查看全部</a>
                                    </div>-->
                                    <!-- end 文章内容调用 -->
                                </div>
                                </div>
                                [/@fly_user]
                                [/@fly_topic]
                                [/#list]
                                [/@fly_topic]
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 侧边栏 -->
                <div class="col-sm-12 col-md-3 hidden-xs hidden-sm">
                    <div class="aw-side-bar background-color">
                        <!--侧边栏插件-->
                        <div class="aw-mod aw-text-align-justify">
                            <div class="mod-head">
                                <a href="/t/label-index" class="pull-right">更多 &gt;</a>
                                <h3>热门标签</h3>
                            </div>
                            <div class="mod-body">
                                [@fly_label method="randList" pageSize="5"]
                                [#list randList as list]
                                [@fly_label method="info" id="${list.id}"]
                                <dl>
                                    <dt class="pull-left aw-border-radius-5">
                                        <a href="/t/${info.shortUrl!}/"><img alt="" src="[#if info.labelPic??]${info.labelPic!}[#else]/default/common/topic-mid-img.png[/#if]"></a>
                                    </dt>
                                    <dd class="pull-left">
                                        <p class="clearfix">
                                            <span class="topic-tag">
                                                <a href="/t/${info.shortUrl!}/" class="text" data-id="5">${info.title!}</a>
                                            </span>
                                        </p>
                                        <p><b>${info.countTopic!}</b> 个问题, <b>${info.countFollow!}</b> 人关注</p>
                                    </dd>
                                </dl>
                                [/@fly_label]
                                [/#list]
                                [/@fly_label]
                            </div>
                        </div>
                        <div class="aw-mod aw-text-align-justify">
                            <div class="mod-head">
                                <a href="#" class="pull-right">更多 &gt;</a>
                                <h3>热门用户</h3>
                            </div>
                            <div class="mod-body">
                                [@fly_user method="paginate" pageSize="5"]
                                [#list paginate.list as list]
                                <dl>
                                    <dt class="pull-left aw-border-radius-5">
                                        <a href="/u/${list.shortUrl}"><img alt="${list.nickname}" src="[#if list.avatar??]${list.avatar!}[#else]/images/avatar_boy.jpg[/#if]"></a>
                                    </dt>
                                    <dd class="pull-left">
                                        <a href="/u/${list.shortUrl}" class="aw-user-name">${list.nickname}</a>
                                        <p class="signature"></p>
                                        <p><b>2</b> 个话题, <b>0</b> 次赞同</p>
                                    </dd>
                                </dl>
                                [/#list]
                                [/@fly_user]
                            </div>
                        </div>
                    </div>
                    <!-- end 侧边栏 -->
                    </div>

            </div>
    </div>
</div>
[#include "pc/default/common/footer.html"/]
<script type="text/javascript" src="/default/js/modules/statistics.js"></script>
</body>
</html>